Tengo el valor 60% almacenado dentro de un <div class="value-container"> 60% </div> , sin embargo, cuando uso esta función de consulta document.querySelector(.value-container) para obtener el valor, obtengo esta respuesta en su lugar: [object HTMLDivElement]
Encuentra debajo mi código HTML:
<body> <div class="container"> <div class="circular-progress"> <div class="value-container"> 60% </div> </div> </div> <script> $(document).ready(function(){ let testing = document.querySelector('.value-container'); console.log("Testing: " +testing); }); </script> </body>Este código anterior produce:
Testing: [object HTMLDivElement]El rendimiento deseado es:
Testing: 60% ¿Cómo capturo el valor almacenado dentro de mi <div class="value-container"> 60% </div> ?
Como se mencionó anteriormente, el selector de consultas devuelve un elemento, pero para obtener su valor interno debe agregarse document.querySelector('.value-container').innerHTML
Los otros comentaristas tienen razón: debe hacer algo con el objeto que obtiene de su querySelector.
Pero si solo le importa el texto sin procesar (que parece en este caso, ya que solo desea el valor del 60 %), entonces document.querySelector('.value-container').textContent es un poco más eficiente que innerHTML